// 在页面数据还没渲染完成之前，页面加载状态，添加一个加载层
let index = layer.load(1, {
    shade: [0.3, '#666']
});

layui.use(['laypage', 'layer'], function () {

    var laypage = layui.laypage,
        layer = layui.layer;
    //测试数据
    // 发起ajax请求
    async function getList() {
        let res = await pAjax({
            url: '../server/list.php',
        })


        let {
            data
        } = res; // 解构赋值
        //调用分页
        laypage.render({
            elem: 'page',
            count: data.length,
            limit: 8,
            limits: [5, 6, 7, 8],
            layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
            jump: function (obj) {

                //模拟渲染
                document.querySelector('.mainDivPhoneBottomRight>ul').innerHTML = function () {
                    var arr = [],
                        thisData = data.concat().splice(obj.curr * obj.limit - obj
                            .limit, obj.limit);

                    layui.each(thisData, function (index, item) {
                        arr.push(`
                                    <li>
                                              <img src="${item.imgpath}" alt="...">
                                              <h4>${item.name}</h4>
                                              <p class='introduce'>${item.introduce}</p>
                                              <span class='price'>${item.price}元起</span>
                                              <h6><a href="javascript:;"  data-id=${item.id}>查看详情</a></h6>
                                    </li> 
                                `)
                    });
                    // 渲染结束关闭弹出层
                    layer.close(index);
                    return arr.join('');
                }();
            }
        });
    }
    getList()
});
// 给列表页即首页的 【"mainDivPhoneBottomRight】 div 绑定点击事件，帮ul中的li的a标签
$('.mainDivPhoneBottomRight').on('click', function (e) {
    console.log(e.target);

    // 判断点击的是否是a标签
    if (e.target.nodeName === 'A') {
        // 将商品的id存储在sessionStorage
        sessionStorage.setItem('goodsId', e.target.dataset.id);
        // 跳转至详情页面
        location.href = './04-detail.html';
    }
})
// 通过cookie获取用户信息，并判断
let username = getCookie('username');
// 点进入购物车
console.log($('.top_rightDiv_lable'));

$('.top_rightDiv_lable').click(() => {
    // 判断是否登录
    if (!username) {
        layer.msg('登录后才能进入购物车', {
            time: 1000
        });
        setTimeout(() => {
            location.href = '01-login.html';
        }, 10);
    }
})
